<template>
  <!--文章列表-->
  <div style="width: 100%;height: 150px;background-color: #ffffff;margin: 1px;
  border: 1px solid #ccc;
        border-radius: 8px;cursor: pointer">
    <!--标题-->
    <div style="text-align: left;margin-left: 15px;font-size: 20px">
      <!--{{textInfo.title}}-->
      <span>{{'这是标题'}}</span>
    </div>
    <!--内容预览-->
    <div style="text-align: left;height: 80px;width: 100%;
                        background-color: #ffffff;margin-top: 3px;
                        overflow: hidden;text-overflow: ellipsis">
      <span>{{ 'textInfo.content' }}</span>
    </div>
    <!--其他-->
    <div style="text-align: right;height: 10px">
      <!--{{textInfo.likes}}-->
      <el-tag size="mini" type="success">点赞量99</el-tag>
      <!--<i v-if="true" class="el-icon-star-on"></i>-->

      <!--{{textInfo.collections}}-->
      <el-tag size="mini" type="danger">收藏量99</el-tag>
      <!--<i v-if="true" class="el-icon-star-on"></i>-->

    </div>
  </div>
</template>

<script>
export default {
  name: "TestUI"
}
</script>

<style scoped>

</style>